/* reset */
*{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,STHeiTi,sans-serif; box-sizing:border-box;}
html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,ul,li,form,iframe,object,input{ margin:0px; padding:0px;}
a{ text-decoration:none;}
h1,h2,h3,h4,h5,h6,strong{ font-weight:normal;}
ul,ol,dl{list-style: none outside none;}
a:active, a:focus, input:active, input:focus, button:active, button:focus{ outline:none; -moz-outline:none;} /*閸樼粯甯�粔璇插З缁旂棞irefox a閺嶅洨顒烽惃鍕珓缁炬寧顢�PC chrome閺傚洦婀版潏鎾冲弳濡楀棛娈戞潏瑙勵攱閻掞妇鍋ｉ弮璺猴拷娆戞畱妫版粏澹�*/
input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner{ border:none;} /*閸樼粯甯�粔璇插З缁旂棞irefox 閹稿鎸抽懢宄扮繁閻掞妇鍋ｉ弰鍓с仛閾忔氨鍤庡鍡欐畱閺嶅嘲绱�*/
table { border-collapse:collapse; border-spacing:0;}
html,body{ height:100%; width:100%;}

::-ms-clear, ::-ms-reveal{display: none;}
/* reset end */


/* comm style */
.c1 {color: #bdaa8c;}
.c2 {color: #ed4657 !important;}
.t1 {font-size: 14px !important;}
.t2 {font-size: 16px !important;}
.t3 {font-size: 18px !important;}
.t4 {font-size: 20px !important;}
.t5 {font-size: 24px !important;}
.t6 {font-size: 26px !important;}
.t7 {font-size: 32px !important;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; font-size: 16px;} 
input:-moz-placeholder, textarea:-moz-placeholder { color: #aaa; font-size: 16px;} 
input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; font-size: 16px; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; font-size: 16px; } 
/* button */
.btn {display:block;height: 38px;line-height: 38px;text-align: center;background-color: #e3d0ad;border:1px solid #bdaa8c;color:#524437;border-radius: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;} /* common btn - block */
.inline-btn {display:inline-block;height: 38px;line-height: 38px;text-align: center;background-color: #e3d0ad;border:1px solid #bdaa8c;color:#524437;border-radius: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;} /* common btn - inline */
.btn:hover , .inline-btn:hover {background-color: #f8e4bf;color:#776350;border-color: #e2cba7;}
.dis-btn , .dis-btn:hover {border-color: #ccc;color: #aaa;background-color: #eee;cursor: default;} /* 缁備焦顒涢幐澶愭尦 */

/* phone style */
html , body {background-color: #eee;overflow-y: auto;}
.container-xy {overflow: hidden;min-width:630px;width:630px;margin:0 auto;padding:0 30px;padding-top: 20px;height: 100%;background-color: #fff;overflow-y:auto;}
/*@media screen and (min-width: 630px){
    .container-xy {padding:20px 60px 50px 60px;}
}*/
.title-xy {height: 50px;line-height: 50px;overflow: hidden;border-bottom: 1px solid #bdaa8c;margin-bottom: 15px;}
.title-l {float: left;height: 50px;line-height: 50px;overflow: hidden;}
.title-r {float: right;height: 50px;line-height: 50px;overflow: hidden;}
.title-l > h2 {height: 50px;line-height: 50px;overflow: hidden;padding-left: 40px;position: relative;}
.title-l > h2 > i {display: block;height: 50px;line-height:50px;position: absolute;top:0;left: 0;width: 40px;text-align: left;}
.audioBtn {width: 120px;height: 36px;margin-top: 7px;border:1px solid #524437;position: relative;overflow: hidden;cursor: pointer;border-radius: 6px;}
.audioBtn > i {position: absolute;height: 36px;width: 36px;line-height: 36px;text-align: center;background-color: #524437;color: #bdaa8c;top:-1px;display: none;transition: all 0.3s;}
.audioBtn > i.i-close {left: -1px;}
.audioBtn > i.i-open {right: -1px;}
.audioBtn > span {position: absolute;height: 36px;width: 84px;line-height: 36px;text-align: center;background-color: #9f8b6c;color: #fff;top:-1px;display: none;transition: all 0.3s;}
.audioBtn > span.span-close {right: -1px;}
.audioBtn > span.span-open {left: -1px;}
.audio-open > i.i-open , .audio-open > span.span-open {display: block;}
.audio-close > i.i-close , .audio-close > span.span-close {display: block;}
.span-close , .i-open {border-top-right-radius:6px;border-bottom-right-radius:6px;}
.i-close , .span-open {border-top-left-radius:6px;border-bottom-left-radius:6px;}

.input-xy {width: 470px;margin:0 auto;}
.margin-fix {margin-bottom: 56px;}
.input-xy:after {display: table;content: '';clear: both;}
.input-xy > label {display:block;width: 94px;height: 38px;line-height: 38px;text-align:center;overflow: hidden;float: left;color: #524437;}
.input-xy > .input-c {margin-left: 94px;width: 376px;}
.input-xy > .input-c:after {display: table;content: '';clear: both;}
.input-c > input {display:block;width: 376px;height: 38px;line-height: 38px;border:1px solid #bdaa8c;color: #524437;padding-left: 10px;border-radius: 6px;}
.input-xy > .input-input {height: 38px;line-height: 38px;position: relative;}
.input-input > .loadingIcon {display:none;width: 38px;height: 38px;line-height: 38px;text-align: center;position: absolute;right: 0;top:0;bottom: 0;background:url(image/loading.gif) 50% 50%;background-repeat:no-repeat;background-size: 24px 24px;transition: all 0.3s;}
.input-input > .okMessage {display: none;height: 38px;line-height: 38px;color: #06a302;position: absolute;top:0;right: 0;bottom:0;width: auto;overflow: hidden;padding-right: 10px;padding-left: 30px;transition: all 0.3s;}
.input-input > .okMessage > i {position: absolute;top:0;left:0;bottom: 0;width: 28px;text-align: center;line-height: 38px;}
.input-input > .errMessage {display: none;height: 54px;line-height: 54px;color:#e50505;position: absolute;top: 38px;left: 0;width: 376px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 30px;transition: all 0.3s; }
.input-input > .errMessage > i {position: absolute;top: 0;left: 0;bottom: 0;height: 54px;line-height: 54px;width: 28px;text-align: center;}
.input-input > .searchMessage {display: none;height: 54px;line-height: 54px;color: #a3885f;position: absolute;top:38px;left: 0;width: 376px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 25px;transition: all 0.3s;cursor: pointer;}
.input-input > .searchMessage.loading{ background:url('http://front.517eshop.com:11680/frontDoc/quote/style/images/loading.gif') no-repeat left center; transition:none;}
.input-input > .searchResult {display: none;height: 54px;line-height: 54px;color: #a3885f;position: absolute;top:38px;left: 0;width: 376px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.input-input > .searchResult .yue {display:inline-block;overflow:hidden;width:376px;line-height:18px;white-space:normal;vertical-align:middle;}
.input-input > .searchResult > span {color:#524437;}
.priceErr {display:none;color:#e50505;width:100%;transition: all 0.3s;overflow: hidden;margin-bottom: 10px; }
.reGetPrice {color: #a3885f;cursor: pointer;text-decoration: underline;}
.ok input {border-color: #06a302;}
.err input {border-color: #e50505;}
.subErr input {border-color:#bdaa8c;}
.err .errMessage {display: block;}
.subErr .errMessage {display: block;}
.ok .okMessage {display: block;}
.loading .loadingIcon {display: block;}
.search .searchMessage {display: block;}
.result .searchResult {display: block;}

ul.sel-c {width: 100%;height: auto;}
ul.sel-c:after {display: table;content: '';clear: both;}
ul.sel-c li {width: 82px;height: 38px;line-height: 38px;margin-right: 10px;margin-bottom:10px;float: left;text-align: center;color: #524437;border:1px solid #beac8e;border-radius: 6px;background-color: #fff;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
ul.sel-c li.dis-sel {border-color: #ccc;color: #aaa;background-color: #eee;cursor: default;}
ul.sel-c li.sel {border-color: #e4393c;color: #e4393c;position:relative;cursor: pointer;}
ul.sel-c li.sel:after {position: absolute;right:0px;bottom: 0;content: '\e62f';height: 18px;width: 18px; line-height:28px;text-align: right;z-index: 100;
	font-family:"iconfont" !important;
  	font-size:12px;
  	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;color: #fff;}
ul.sel-c li.sel:before {position: absolute;right:-18px;background-color:#e4393c;bottom: 0;content: '';width: 0px;z-index: 10;height: 0px;border-right:18px solid transparent;border-top:10px solid #fff;border-bottom:18px solid transparent;border-left:18px solid #fff;font-size: 0px;line-height: 0px;}

.eye-c {width: 150px;height: 38px;position: relative;overflow: hidden;}
.eye-c > i {position: absolute;height: 38px;width: 36px;line-height:38px;text-align: center;color: #bdaa8c;top:-1px;display: none;cursor: pointer;transition: all 0.3s;right: 0;}
.eye-c > span {position: absolute;height: 38px;width:114px;line-height: 38px;text-align: left;color: #e4393c;top:-1px;display: none;transition: all 0.3s;left: 0;}
.eye-close > span {line-height: 50px;}
.eye-close > i.i-close , .eye-close > span.span-close {display: block;}
.eye-open > i.i-open , .eye-open > span.span-open {display: block;}
.marginB-fix {margin-top: 10px;margin-bottom: 20px;}
.eye-cover {position: absolute;z-index: 1000;background-color: #fff;line-height: 38px;top:0;left: 0;right: 0;bottom: 0;color: #e4393c;}

.subBtn-c {height: 62px;line-height: 62px;width: 100%;border-top: 1px solid #bdaa8c;overflow:hidden;margin-bottom: 30px;}
.subBtn-c > a {width: 200px;margin:0 auto;margin-top: 12px;}

/* 瀵懓鍤锟�*/
.backView {display:none;position: absolute;top:0;left: 0;right:0;bottom: 0;height:100%;width:100%;background:#000;opacity: .22;filter: alpha(opacity=22);z-index: 1000;}

.pop {display:none;position: fixed;top:0;left:0;bottom:0;right:0;z-index: 9999;overflow-y:scroll;}
.popinner {overflow: hidden;min-width: 630px;max-width:700px;border:1px solid #bdaa8c;margin:0 auto;height:auto;background-color: #fff;margin-top:0;}
.poptitle {height: 46px;line-height:46px;overflow: hidden;background-color: #e3d0ad;padding-left: 20px;}
.poptitle .title-fun {color:#a31523;}
.poptitle .title-tip {color: #524437;}

.popcontent {padding-top: 5px;overflow: hidden;}
.single-c {height: 42px;border-bottom: 1px solid #bdaa8c;overflow: hidden;line-height: 42px;width: 480px;margin:0 auto;}
.single-c > * {height: 42px;}
.single-c > .single-l {float: left;padding-left: 20px;color: #bdaa8c;}
.single-c > .single-r {float: right;padding-right: 20px;color: #524437;}
.pwd-c {height: 80px;overflow: hidden;margin-top: 20px;}
.pwd-c > .input-xy {width: 312px;}
.pwd-c > .input-xy .input-c {width: 218px;}
.pwd-c > .input-xy input {width: 218px;}
.pwd-c > .input-xy .input-input .errMessage {width: 218px;}

.popbtn {overflow:hidden;}
.popbtn-c , .popbtn-tip{text-align: center;padding-top: 14px;height: 66px;background-color: #f2eadd;overflow: hidden;}
.popbtn-c {display: block;}
.popbtn-tip {display: none;}
.popbtn-c > * {padding:0 20px;}
.popbtn-c > *:first-child {margin-right: 30px;}
.loading .popbtn-c {display: block;}
.success .popbtn-c {display: none;}
.loading .popbtn-tip {display: none;}
.success .popbtn-tip {display: block;}


.popbtn-c .subLoading , .popbtn-c .disbtn {display: none;}
.loading .subLoading {display:inline-block;padding-right:50px;height: 38px;line-height: 38px;background:url(image/loading.gif) 94% 50%;background-repeat:no-repeat;background-size: 24px 24px;background-color:#fff;color:#bdaa8c;transition: all 0.3s;}
.loading .submitToBack {display: none;}
.popbtn-tip > div {display: inline-block;height: 38px;line-height: 34px;padding-left:34px;position:relative;}
.popbtn-tip > div > i {position: absolute;top:0;left: 0;bottom: 0;width: 28px;text-align: center;line-height: 38px;color: #06a302;}
.popbtn-tip > div > span {color: #e50505;}



#lookPrice {display:none;}





/* 鎸夐挳鏍峰紡 */
/* 鎺т欢鏂囨湰閫氱敤鏍峰紡 */
.rexButton, .rexCheckbox label, .rexTabButton, .rexInput input{
	position:relative; display:inline-block; padding:0.6em 0.8em; border:1px solid transparent; border-radius:0.42em; background-repeat:no-repeat; cursor:pointer; font-size:1em; line-height:1em;
	-webkit-tap-highlight-color:rgba(255,255,255,0);
}
.rexButton, .rexCheckbox label, .rexCheckbox, .rexCheckbox input, .rexTabButton{
	/* 鏂囨湰閫変腑绂佹锛孖E涓嬫湁浜涢棶棰�IE10 IE11閮ㄥ垎鏀寔锛岄�鎷╀粠鎸夐挳寮�鍒欐棤娉曢�鎷╋紝浠庡彲閫夋嫨鍏冪礌鍙互鍒欏彲浠ラ�鎷�IE9,IE8涓嶆敮鎸�*/
	user-select:none; -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none;
}
/* 鎸夐挳鎺т欢 鍩烘湰*/
.rexButton{ border-color:#999; background-color:#e9e9e9; color:#333;}
.rexButton.SHAD{ box-shadow:0px 3px 4px rgba(0,0,0,0.4);}
.rexButton:active{ background-color:#fff; border-color:#999; color:#666; background-image:none; box-shadow:none;}
.rexButton:active>*{ box-shadow:none;}
.rexButton[disabled="disabled"]{ background-color:#f0f0f0; color:#ccc; border-color:#ccc; background-image:none; box-shadow:none; cursor:not-allowed}
.rexButton[disabled="disabled"]>*{ box-shadow:none;}
/* 鎸夐挳鎺т欢 icon鍥剧墖*/
.rexButton.icon:before{ display:inline-block; margin:0 0.2em; vertical-align:middle; line-height:0;}
.rexButton.STL.icon:before{ position:absolute; right:0.8em; margin-right:0; top:50%; margin-top:1px;}
.rexButton.STR.icon:before{ position:absolute; left:0.8em; margin-left:0; top:50%; margin-top:1px;}
/* 鎸夐挳鎺т欢 iconfont 鍥剧墖*/
.rexButton>*{ display:inline-block; margin:0 0.2em; line-height:0; vertical-align:middle;}
.rexButton>*:before{ vertical-align:middle; line-height:inherit;}
.rexButton.STL>*:before{ position:absolute; right:0.8em; line-height:0;}
.rexButton.STR>*:before{ position:absolute; left:0.8em; line-height:0;}
/* 閰嶅悎鎸夐挳鐨勬暟瀛楁爣绛�*/
.rexButton .rexNumber{ position:relative; margin:-9px 0.3em 0 0.2em; top:4px;}
.rexButton.STL .rexNumber{ position:absolute; right:0.8em; top:50%; margin:0; margin-top:-8px;}
.rexButton.STR .rexNumber{ position:absolute; left:0.8em; top:50%; margin:0; margin-top:-8px;}
[disabled="disabled"] .rexNumber{ background-color:#d2d2d2;}
/* 绉垎鏍峰紡 -begin*/

/* ------------------------------------------------------------------------------------- */
.jfFrame{ display:none;}
.jfFrame.show{ display:block;}
/* 积分显示的样式 注意状态loading,error */
.jf{ width:480px; margin:0 auto; min-height:48px; height:auto; overflow:hidden; position:relative;}
.jf>*{ height:auto;}
.jf > label{ display:block; width:65%; text-align:left; padding:14px 0px; line-height:1.4em;padding-left:30px; background:url(image/refresh.png) 0 50% no-repeat; background-size:22px 22px;}
.jf .showTxt{ display:block; color:#999;}
.jf .waitTxt{ display:none;}
.jf .errorTxt{ display:none;}
.jf.loading .showTxt{ display:none;}
.jf.loading .waitTxt{ display:block;}
.jf.error .showTxt{ display:none;}
.jf.error .errorTxt{ display:block;}
.jfAccount{ color:#f00;}
.jfUsenow{ color:#000;}
.waitTxt{ padding-left:28px; background:url(image/loading.gif) no-repeat center left; color:#9fbeaa;}
.errorTxt{ padding-left:28px; background:url(image/wrong.png) no-repeat center left; color:#f00;}
.selValueBar{ position:absolute; right:0; top:50%; margin-top:-17px; padding:0; height:34px; background-color:#524437; border:1px solid #524437; line-height:1em; text-align:center; border-radius:6px; overflow:hidden; cursor:pointer;}
.selValueBar span{ display:inline-block; height:100%; line-height:31px; color:#857362; padding:0 5px;}
.selValueBar[data="true"] .use{ background-color:#9f8b6c; color:#fff; padding:0 10px; border-radius:5px;}
.selValueBar[data="false"] .unuse{ background-color:#9f8b6c; color:#fff; padding:0 10px; border-radius:5px;}
.jf.loading > .selValueBar, .jf.error > .selValueBar{ background-color:#ddd; border-color:#ccc; cursor:not-allowed;}
.loading .selValueBar span, .error .selValueBar span{ color:#bbb;}
.loading .selValueBar[data="true"] .use, .error .selValueBar[data="true"] .use{ background-color:#ccc; color:#eee;}
.loading .selValueBar[data="false"] .unuse, .error .selValueBar[data="false"] .unuse{ background-color:#ccc; color:#eee;}
.jfReget{ font-size:12px; background-color:#e3d0ad; color:#524437; border:1px solid #bdaa8c;}
.jfReget:active{ background-color:#f8e4bf; border-color:#e2cba7;}

/* 设置积分的样式 注意状态 disabled */
.jfset{ width:480px; margin:0 auto; min-height:48px; height:auto; position:relative; border-top:1px solid #bdaa8c;}
.jfset .iconfont.icon-bangzhu{ font-size:20px; color:#dcb12f; cursor:pointer;}
.jfset .iconfont.icon-bangzhu:hover{ color:#bb8f08;}
#showJFintro{ display:none; position:absolute; width:90%; padding:10px; left:0px; top:20px; background-color:#fffdc2; color:#333; z-index:500; border:1px solid #999; box-shadow:0 0 10px rgba(0,0,0,0.4);}
#showJFintro .icon-cha{ width:20px; height:20px; text-align:center; line-height:19px; position:absolute; top:2px; right:2px; z-index:1000; cursor:pointer;}
#showJFintro .icon-cha:hover{ color:#f36303;}
#showJFintro .JFcontent{ font-size:14px;}
.jfset>label { display:block; width:50%; text-align:left; padding:14px 0px; line-height:1.4em; color:#999;}
.jfset.disabled>label{ color:#ccc;}
.jfInput{ position:absolute; right:0; top:50%; margin-top:-17px;}
.jfInput>*{ display:block; height:34px; text-align:center; float:left;}
.jfInput .opButton{ width:32px; background-color:#9f8b6c; color:#fff; line-height:31px; font-size:30px; overflow:hidden; cursor:pointer;}
.jfInput .opButton:active{ background-color:#c8b496;}
.jfInput input{ border:1px solid #9f8b6c; border-left:none; border-right:none; padding:0; height:34px; overflow:hidden; line-height:34px; margin:0; width:66px; border-radius:0; font-size:14px; font-weight:300;}
.jfset.disabled .jfInput .opButton{ background-color:#f2f2f2; color:#ccc; border:1px solid #ccc; cursor:not-allowed;}
.jfset.disabled .jfInput input{ background-color:#f2f2f2; border-color:#ccc; cursor:not-allowed; color:#aaa;}






